<div class="fn-width730">
    <div class="ui-timeplan-hour">
        <ul>
            <li>0</li>
            <li>2</li>
            <li>4</li>
            <li>6</li>
            <li>8</li>
            <li>10</li>
            <li>12</li>
            <li>14</li>
            <li>16</li>
            <li>18</li>
            <li>20</li>
            <li>22</li>
            <li class="ui-timeplan-hour-lilast">24</li>
        </ul>
        <div class="ui-timeplan-hourbg"></div>
    </div>
    <div class="fn-clear">
        <div class="ui-timeplan-week">
            <ul>
                <li t="w_Sunday"></li>
                <li t="w_Monday"></li>
                <li t="w_Tuesday"></li>
                <li t="w_Wednesday"></li>
                <li t="w_Thursday"></li>
                <li t="w_Friday"></li>
                <li t="w_Saturday"></li>
                <li t="w_Holiday" holiday></li>
            </ul>
        </div>
        <div id="schedule" class="fn-left">
        </div>
        <div class="ui-timeplan-button">
            <a class="ui-button fn-width68" t="w_Setup" day="0"></a>
            <a class="ui-button fn-width68" t="w_Setup" day="1"></a>
            <a class="ui-button fn-width68" t="w_Setup" day="2"></a>
            <a class="ui-button fn-width68" t="w_Setup" day="3"></a>
            <a class="ui-button fn-width68" t="w_Setup" day="4"></a>
            <a class="ui-button fn-width68" t="w_Setup" day="5"></a>
            <a class="ui-button fn-width68" t="w_Setup" day="6"></a>
            <a class="ui-button fn-width68" t="w_Setup" day="7" holiday></a>
        </div>
    </div>
</div>
<div class="ui-timesection">
    <div class="ui-form-item">            
        <label class="ui-label fn-width80"><input type="checkbox" id="all"/><span t="w_Weekall"></span></label>
        <div>                
            <label class="ui-label-sub"><input type="checkbox" day="0"/><span t="w_Sunday"></span></label>
            <label class="ui-label-sub"><input type="checkbox" day="1"/><span t="w_Monday"></span></label>
            <label class="ui-label-sub"><input type="checkbox" day="2"/><span t="w_Tuesday"></span></label>
            <label class="ui-label-sub"><input type="checkbox" day="3"/><span t="w_Wednesday"></span></label>
            <label class="ui-label-sub"><input type="checkbox" day="4"/><span t="w_Thursday"></span></label>
            <label class="ui-label-sub"><input type="checkbox" day="5"/><span t="w_Friday"></span></label>
            <label class="ui-label-sub"><input type="checkbox" day="6"/><span t="w_Saturday"></span></label>
            <label class="ui-label-sub" holiday><input type="checkbox" day="7"/><span t="w_Holiday"></span></label>
        </div>
    </div>
    <div class="ui-form-item">            
        <label class="ui-label fn-width80"><input type="checkbox" chktype="only"/><span t="TimeSection+1"></span></label>
        <div section="0" ii="0" class="fn-left fn-mart2"></div>
        <span class="fn-left ui-symbol">-</span>
        <div section="0" ii="1" class="fn-left fn-mart2 fn-marr4"></div>
        <label class="ui-label-sub"><input type="checkbox" chktype="general"/><span t="w_General"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="motion"/><span t="w_Motion"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="alarm"/><span t="w_Alarm"></span></label>
    </div>
    <div class="ui-form-item">            
        <label class="ui-label fn-width80"><input type="checkbox" chktype="only"/><span t="TimeSection+2"></span></label>
        <div section="1" ii="0" class="fn-left fn-mart2"></div>
        <span class="fn-left ui-symbol">-</span>
        <div section="1" ii="1" class="fn-left fn-mart2 fn-marr4"></div>
        <label class="ui-label-sub"><input type="checkbox" chktype="general"/><span t="w_General"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="motion"/><span t="w_Motion"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="alarm"/><span t="w_Alarm"></span></label>
    </div>
    <div class="ui-form-item">            
        <label class="ui-label fn-width80"><input type="checkbox" chktype="only"/><span t="TimeSection+3"></span></label>
        <div section="2" ii="0" class="fn-left fn-mart2"></div>
        <span class="fn-left ui-symbol">-</span>
        <div section="2" ii="1" class="fn-left fn-mart2 fn-marr4"></div>
        <label class="ui-label-sub"><input type="checkbox" chktype="general"/><span t="w_General"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="motion"/><span t="w_Motion"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="alarm"/><span t="w_Alarm"></span></label>
    </div>
    <div class="ui-form-item">            
        <label class="ui-label fn-width80"><input type="checkbox" chktype="only"/><span t="TimeSection+4"></span></label>
        <div section="3" ii="0" class="fn-left fn-mart2"></div>
        <span class="fn-left ui-symbol">-</span>
        <div section="3" ii="1" class="fn-left fn-mart2 fn-marr4"></div>
        <label class="ui-label-sub"><input type="checkbox" chktype="general"/><span t="w_General"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="motion"/><span t="w_Motion"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="alarm"/><span t="w_Alarm"></span></label>
    </div>
    <div class="ui-form-item">            
        <label class="ui-label fn-width80"><input type="checkbox" chktype="only"/><span t="TimeSection+5"></span></label>
        <div section="4" ii="0" class="fn-left fn-mart2"></div>
        <span class="fn-left ui-symbol">-</span>
        <div section="4" ii="1" class="fn-left fn-mart2 fn-marr4"></div>
        <label class="ui-label-sub"><input type="checkbox" chktype="general"/><span t="w_General"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="motion"/><span t="w_Motion"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="alarm"/><span t="w_Alarm"></span></label>
    </div>
    <div class="ui-form-item">            
        <label class="ui-label fn-width80"><input type="checkbox" chktype="only"/><span t="TimeSection+6"></span></label>
        <div section="5" ii="0" class="fn-left fn-mart2"></div>
        <span class="fn-left ui-symbol">-</span>
        <div section="5" ii="1" class="fn-left fn-mart2 fn-marr4"></div>
        <label class="ui-label-sub"><input type="checkbox" chktype="general"/><span t="w_General"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="motion"/><span t="w_Motion"></span></label>
        <label class="ui-label-sub"><input type="checkbox" chktype="alarm"/><span t="w_Alarm"></span></label>
    </div>
</div>